﻿ <!DOCTYPE html>
 <html lang="en">

 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="width=device-width, initial-scale=1">

 	<title> 列表 </title>

 	<!--Favicon-->
 	<link rel="icon" href="assets/img/favicon.png" type="image/jpg" />
 	<!-- Bootstrap CSS -->
 	<link href="static/css/bootstrap.min.css" rel="stylesheet">
 	<!-- Font Awesome CSS-->
 	<link href="static/css/font-awesome.min.css" rel="stylesheet">
 	<!-- Line Awesome CSS -->
 	<link href="static/css/line-awesome.min.css" rel="stylesheet">
 	<!-- Animate CSS-->
 	<link href="static/css/animate.css" rel="stylesheet">
 	<!-- Magnific Popup Video -->
 	<link href="static/css/magnific-popup.css" rel="stylesheet">
 	<!-- Flaticon CSS -->
 	<link href="static/css/flaticon.css" rel="stylesheet">
 	<!-- Owl Carousel CSS -->
 	<link href="static/css/owl.carousel.css" rel="stylesheet">
 	<!-- Style CSS -->
 	<link href="static/css/style.css" rel="stylesheet">
 	<!-- Responsive CSS -->
 	<link href="static/css/responsive.css" rel="stylesheet">

 	<!-- jquery -->
 	<script src="static/js/jquery-1.12.4.min.js"></script>


 </head>

 <body>
 	<div id="blog-page" class="blog-section section-padding">
 		<div class="container">
 			<div class="row">
 				<div class="col-lg-12" id="blogList">
 				</div>
			</div>
		</div>
	</div>

	<!-- Scroll Top Area -->
 	<a href="#top" class="go-top"><i class="las la-angle-up"></i></a>


 	<!-- Popper JS -->
 	<script src="static/js/popper.min.js"></script>
 	<!-- Bootstrap JS -->
 	<script src="static/js/bootstrap.min.js"></script>
 	<!-- Wow JS -->
 	<script src="static/js/wow.min.js"></script>
 	<!-- Way Points JS -->
 	<script src="static/js/jquery.waypoints.min.js"></script>
 	<!-- Counter Up JS -->
 	<script src="static/js/jquery.counterup.min.js"></script>
 	<!-- Owl Carousel JS -->
 	<script src="static/js/owl.carousel.min.js"></script>
 	<!-- Magnific Popup JS -->
 	<script src="static/js/magnific-popup.min.js"></script>
 	<!-- Sticky JS -->
 	<script src="static/js/jquery.sticky.js"></script>
 	<!-- Main JS -->
 	<script src="static/js/main.js"></script>
 	<script>
		var settings = {
			"url": "/api/cms/web/article/list",
			"method": "GET",
			"data": {"catalogId":"1407708089674723330"}
		};
		$.ajax(settings).done(function (response)
		{
			var records=response.data.records;
			var html="";
			for(var i=0;i<records.length;i++)
			{
				var record = records[i];
				html+="<div class=\"single-blog-item\">\n" +
			"<div class=\"blog-content\">\n" +"<a target='_blank' href="+record.id+"\"detail.html?id=\">"+record.title+"</a>\n" +
			"<p>"+record.description+".</p>\n" +
			"<a target='_blank' href="+record.id+"\"detail.html?id=\" class=\"read-more\">详情</a>\n" +
			"</div>\n" +
			" </div>";
			}
			$("#blogList").html(html);
		});
	</script>
 </body>

 </html>
